@import '~@/assets/style/mixin.less';

.cite-container {
	height: 100vh;
	overflow: hidden;
	display: flex;
	.container-left-box {
		width: 180px;
		height: 100vh;
		display: flex;
		overflow: hidden;
		overflow-y: auto;
    flex-direction: column;
		transition: width 0.3s;
		background-color: @menubackcolor;
		.top-icon-box{
			display: flex;
			justify-content: center;
			align-items: center;
			height: 60px;
			img{
				height: 35px;
				margin-right: 15px;
			}
			.icon-text{
				color: #ffffff;
				font-size: 18px;
			}
		}
		.slider-menu-box{
			flex: 1 1 0%;
			overflow: hidden auto;
			.el-menu{
				border-right: none;
			}
		}
		.bottom-menu-text{
			width: 100%;
			display: flex;
			height: 50px;
			align-items: center;
			padding-left: 20px;
			i{
				font-size: 22px;
				color: #ffffff;
			}
		}
		::-webkit-scrollbar-track-piece{
			background-color: @menubackcolor;
		}
		::-webkit-scrollbar-thumb{
			background-color: hsla(0,0%,100%,.15);
		}
	}
	.container-left-box.isCollapse{
		width: 70px;
	}
	.container-right-box{
		height: 100vh;
		overflow-y: auto;
	}
}